<template>
  <el-container style="height: 100%; width: 100%">
    <Header />
    <el-main>
      <div class="banner">
        <img class="banner_bg" src="" alt />
      </div>

      <system-introduce :systemData="systemData" :introduceImg="introduceImg" phoneView="width: 40%;" />

<!--      <system-overview :systemImgData="systemImgData" />-->

      <Footer />
    </el-main>
  </el-container>
</template>

<script>
import Header from "../../components/header/Header";
// import MaskContent from "../../components/MaskContent";
import SystemIntroduce from "./components/systemIntroduce";
// import SystemOverview from "./components/systemOverview";
import Footer from "../../components/footer/Footer";

export default {
  name: "onlineCarRental",
  components: {
    Header,
    // MaskContent,
    SystemIntroduce,
    // SystemOverview,
    Footer
  },
  data() {
    return {
      systemData: [
        {
          functionsName: "系统特色",
          functionsDes: ["传统银行通过头部互联网平台引流方式获客，虽然能够快速获取大量新客户信息与开户，但此类客户对银行认知度和忠诚度较低，后续通过交叉营销其他产品的转化成本较高。银行历经多年发展下来的真实、忠诚零售客户，这批客户认知度高，如能将这批老客户作为推广大使，将他们对于银行产品的满意度、口碑传播至他们身边的亲友家人，再配合当前互联网新零售的营销激励工具，使得这批老客户在推新客户时能看到自己的推广成果，推荐人和被推荐人都能收到激励，则这样发展出来的新客户，其ARPU值应该较高，而这也是最大程度利用到商业银行手机银行独有的存量客户资源的方式。如翔盛悦与某银行推出互联网新零售小程序，由老客户线上便捷制作海报发布，发布后可实时查看分享记录及分享效果，并在其中嵌入产品推介页面。"]
        }
      ],
      introduceImg: require("../../assets/image/smartCard/智慧名片.png"),
      systemImgData: [
        {
          imgUrl: require("../../assets/image/smartCard/智慧名片1.png"),
        },
        {
          imgUrl: require("../../assets/image/smartCard/智慧名片2.png"),
        }
      ]

    };
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
.banner {
  position: relative;
}
.banner_bg {
  content: url("../../assets/image/operatingLoan/banner.png") !important;
  width: 100%;
}

.customer_banner_wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/**
移动端样式
 */
@media screen and (max-width: $mobile_width) {
  .banner_bg {
    content: url("../../assets/image/operatingLoan/banner_m.jpg") !important;
    min-height: 200px;
  }
}
</style>
